<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>【注册新用户】</title>
        <link href="style/style.css" rel="stylesheet" type="text/css">
        <link href="style/index.css" rel="stylesheet" type="text/css">
        <link href="style/common.css" rel="stylesheet" type="text/css">
		 <link href="style/Register.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/Register.js"></script>
    </head>
    <body>
    	
		<div class="login-panel">
			<div class="login-inner clear">
				<div class="login-div">
					<fieldset class="clear">
						<ul>
							<li>
								
								<span>邮箱号:</span>
								<input type="text" class="input-style"/>
								<label>注册新账号</label>
							
							</li>
							<li>
								<span>密码:</span>
								<input type="password" class="input-style">
								
								<label>忘记密码？</label>
							</li>
							<li>
								<span><a href="#" id="close-login">关闭</a></span>	
							</li>
						</ul>
						
						
					</fieldset>
				</div>
			</div>
			
		</div>
		
        <div class="toolbar">
            <!--工具栏-->
            <div class="inner clear">
                <div class="col_links">
                    <a href="#" class="on">网购</a>
                    <a href="#">拍拍</a>
                    <a href="#">商城</a>
                </div>
                <div class="col_userinfo">
                    <ul class="clear">
                        <li id="login_status">
                            <span>欢迎来到我的网购请【</span><a href="#" id="login">登录</a><span>】新用户?<a href="Register.html">注册</a></span>
                        </li>
                        <li id="nickname">
                        </li>
                        <li class="pipe">
                            |
                        </li>
                        <li class="user_account" id="account_toolbar">
                            <a href="#">我的网购</a>
                        </li>
                        <li>
                            <a id="logout" href="#" style="display: none; ">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
            <span class="shadow"></span>
        </div>
        <!-- head标题栏 -->
        <div class="header">
            <div class="min-width">
                <div class="logo">
                	<h2>我的网购</h2>
                    <a href="index.html">我的网购</a>
                </div>
                <div class="logo_desp">
                	
					
                </div>
                <div class="logo_right">
                    <div class="search">
                    	<fieldset>
                    		
							<span>
								<input type="text">
								<input type="submit" value="search" class="submit-search">
							</span>
							
                    	</fieldset>
                    </div>
                </div>
            </div>
        </div>
		
		<!--nav-->
		<div class="nav">
			<ul id="nav_toolbar" class="nav_wide clear">
				
				<li name="home" class="nav_home">
					<a href="#">首页</a>
				</li>
				
				<li name="sports_toolbar" class="nav_sports">
					<a href="#">运动鞋包</a>
				</li>
				
				<li name="3c_toolbar" class="nav_3c">
					<a href="#">数码家电</a>
				</li>
				<li name="diamong_toolbar" class="nav_diamond">
					<a href="#">珠宝首饰</a>
				</li>
				<li name="market_toolbar" class="nav_market">
					<a href="#">生活超市</a>
				</li>
				<li name="clothes_toolbar" class="nav_clothes">
					<a href="#">潮流服装</a>
				</li>
				<li name="books_toolbar" class="nav_books">
					<a href="#">图书影视</a>
				</li>
			</ul>
			<ul id="nav_narrow" class="nav_narrow">
				<li><a href="#">特惠<a></li>
				<li><a href="#">新品</a></li>
				<li><a href="#">专区</a></li>
			</ul>
			<div id="buycart_info" class="buycart_info">
				<span>购物车</span><span id="buycart_number">0</span><span>件</span>
			</div>
		</div>
		
		<!--dropdown-->
		<div class="dropdown_wrap">
			
			<div id="3c_toolbar" class="dropdown_cont custom_3c" style="display:none">
				
				<div name="item" class="item">
					<div name="hd" class="hd">
						电脑/网络/办公
					</div>
					<ul name="电脑/网络/办公" class="bd">
						<li name="笔记本">
							<a href="#">笔记本</a>
						</li>
						<li name="平板电脑">
							<a href="#">平板电脑</a>
						</li>
						<li name="台式机">
							<a href="#">台式机</a>
						</li>
						<li name="移动硬盘">
							<a href="#">移动硬盘</a>
						</li>
						<li name="音箱">
							<a href="#">音箱</a>
						</li>
						<li name="耳机">
							<a href="#">耳机</a>
						</li>
						<li name="鼠标">
							<a href="#">鼠标</a>
						</li>
						<li name="键盘">
							<a href="#">键盘</a>
						</li>
						<li name="路由器">
							<a href="#">路由器</a>
						</li>
						<li name="CPU">
							<a href="#">CPU</a>
						</li>
						<li name="内存">
							<a href="#">内存</a>
						</li>
						<li name="显卡">
							<a href="#">显卡</a>
						</li>
						<li name="显示器">
							<a href="#">显示器</a>
						</li>
						<li name="打印设备">
							<a href="#">打印设备</a>
						</li>
						<li name="耗材">
							<a href="#">耗材</a>
						</li>
						<li name="办公文具">
							<a href="#">办公文具</a>
						</li>
					</ul>
				</div>
				
				<div name="item" class="item">
					<div name="hd" class="hd">
						手机/摄影/数码
					</div>
					<ul name="手机/摄影/数码" class="bd">
						<li name="手机">
							<a href="#">手机</a>
						</li>
						<li name="充电器">
							<a href="#">充电器</a>
						</li>
						<li name="手机电池">
							<a href="#">手机电池</a>
						</li>
						<li name="蓝牙耳机">
							<a href="#">蓝牙耳机</a>
						</li>
						<li name="单反相机">
							<a href="#">单反相机</a>
						</li>
						<li name="数码相机">
							<a href="#">数码相机</a>
						</li>
						<li name="镜头">
							<a href="#">镜头</a>
						</li>
						<li name="摄像机">
							<a href="#" target="_blank">摄像机</a>
						</li>
						<li name="苹果专区">
							<a href="#">苹果专区</a>
						</li>
						<li name="娱乐影音">
							<a href="#">娱乐影音</a>
						</li>
						<li name="相机电池">
							<a href="#">相机电池</a>
						</li>
						<li name="相机包">
							<a href="#">相机包</a>
						</li>
						<li name="U盘">
							<a href="#">U盘</a>
						</li>
						<li name="储存卡">
							<a href="#">储存卡</a>
						</li>
					</ul>
				</div>
				
			</div>
			<div id="sports_toolbar" class="dropdown_cont custom_sports" style="display:none"></div>
			<div id="diamong_toolbar" class="dropdown_cont custom_diamond" style="display:none"></div>
			<div id="market_toolbar" class="dropdown_cont custom_life" style="display:none"></div>
			<div id="clothes_toolbar" class="dropdown_cont custom_cos" style="display:none"></div>
			<div id="books_toolbar" class="dropdown_cont custom_books" style="display:none"></div>
			
		</div>
		
		<!--main-->
		<div class="main">
		
			<div id="secondary_navigation" class="clearfix">
				<span>我的网购</span><span>-></span><span>注册新用户</span>
			</div>
			<div id="register_form">
				
				<div class="ipsSteps clearfix">
					<ul>
						
						<li class="ipsSteps_active">
							<strong class="ipsSteps_title">Step 1</strong>
							<span class="ipsSteps_desc">Your Account</span>
							<span class="ipsSteps_arrow">&nbsp;</span>
							<!--Don't delete: 1-->
						</li>
						<li class="">
							<strong class="ipsSteps_title">Step 2</strong>
							<span class="ipsSteps_desc">Confirmation</span>
							<span class="ipsSteps_arrow">&nbsp;</span>
						</li>
					</ul>
				</div>
				 
				 <form action="" method="post" id="regist_form">
				 		<h2 class="maintitle">加入我的网Go</h2>
						<div id="ipsbox">
							
							<div class="ipsBox_step1">
								
								<fieldset>
									
									<ul class="ipsForm_horizontal">
										<li class='ipsField'>
											<p class='ipsField_content'>
												<span>* 必填信息</span>
											</p>
										</li>
										<li class='ipsField '>
											<label for='display_name' class='ipsField_title'>用户名： <span class='ipsForm_required'>*</span></label>
											<p class='ipsField_content'>
												<input type='text' class='input_text' id='display_name' size='45' maxlength='26'  name='username'/>
												<!-- 
													<span id="display_name_msg" class="reg_msg">✔ Available!</span>
													<span>✗Not Avialiable</span>
												 -->
												
												<br />
												<span class='desc primary lighter'>
													Between 3 and 26 characters
												</span>
											</p>
										</li>
										<li class='ipsField'>
											<label for='email_1' class='ipsField_title'>E-mail 地址： <span class='ipsForm_required'>*</span></label>
											<p class='ipsField_content'>
												<input type='text' id='email_1' class='input_text' size='45' maxlength='150' name='email' />
												<!-- 
												<span id="email_1_msg" class="reg_msg reg_error"> 
												✗ This isn't a valid address
												</span>
												<span id="email_1_msg" class="reg_msg reg_error"> 
												✔ Available!
												</span>
												 -->
												
												<br />
											</p>
										</li>	
										<li class='ipsField '>
											<label for='password_1' class='ipsField_title'>密码 ：<span class='ipsForm_required'>*</span></label>
											<p class='ipsField_content'>
												<input type='password' id='password_1' class='input_text' size='45' maxlength='32' name='password' />
												<span>
												<!-- 
													<span id="email_1_msg" class="reg_msg reg_error">
													 ✗ Your password is too short (min. 3 characters)</span>
												 -->
												</span>
												
												<br />
												<span class='desc lighter'>Between 3 and 32 characters</span>
											</p>
										</li>
										<li class='ipsField'>
											<label for='password_2' class='ipsField_title'>缺人密码： <span class='ipsForm_required'>*</span></label>
											<p class='ipsField_content'>
												<input type='password' id='password_2' class='input_text' size='45' maxlength='32' name='PassWord_Check' />
												<!--
												<span id="password_2_msg" class="reg_msg reg_error" style="">
													✗ The passwords you entered don't match
												</span>
												-->
												<br />
											</p>
										</li>
									</ul>
									
								</fieldset>
								<fieldset>
									<input type="submit" class="ipsButton" id="register_submit" value="注册新用户">
								</fieldset>
							</div>
							
							<div class="ipsBox_step2" style="display:none">
								
								<fieldset>
									
									<div class="ipsForm_horizontal">
										<p>Thank you <span id="reg_username">***</span>.Your registration has been submit.</p>
										<p>The community adminsitrator has chosen to require validation for all email addresses.
											Within the next 10minutues(usually instantly) you'll receive an email with 
											instructions on the next step.Dont;t worry,it's won't take long 
											before you can post!</p>
										<p>The email has been sent to <span id="reg_email">**@gmail.com</span></p>
									</div>
									
								</fieldset>
								<fieldset>
									<input type="button" class="ipsButton" id="" value="去我的邮箱">
								</fieldset>
							</div>
							
							<div class="ipsBox_step2"></div>
							
						</div>
				 </form>
				 
			</div>
			
		</div>
		
	
		
		
			
		<!--footer-->
		<div class="footer">
			<p class="footer_link">
				<a target="_blank" href="#" hidefocus="true">关于zheng</a>
			  | <a target="_blank" href="#" hidefocus="true">About me</a>
			  | <a target="_blank" href="#" hidefocus="true">服务条款</a>
			  | <a target="_blank" href="#" hidefocus="true">广告服务</a>
			  | <a target="_blank" href="#" hidefocus="true">加入我们</a> 
			  | <a target="_blank" href="#" hidefocus="true">客服中心</a> 
			  | <a target="_blank" href="#" hidefocus="true">网站导航</a>
			</p>
			<p>
				Copyright© 1990-2011 yunl.zheng@gmail.com
			</p>
			<p>
				me <a target="_blank" href="#" hidefocus="true">版权所有</a>
			</p>
		</div>
		<div id="ajax_loading" style="display: none; ">
			<img src="style/images/ajax_loading.gif" alt="Loading...">
		</div>
    </body>
</html>
